/*
 * @Descripttion: 编辑器页面入口主文件
 * @Date: 2022-05-18 11:34:29
 * @LastEditTime: 2022-05-26 14:47:44
 */

import React, { useEffect } from 'react'
import { editorRootContainer } from '@editor/const/htmlElementId'
// 注册复杂数据源
import "@conecli/cone-complex-form/dist/index"
// 初始化编辑器壳子
import '@editor/index'

// 获取挂在父页面cone window上的 messager，通过它实现通信
const Messager = window.top._coneMessager
const Editor = () => {
  useEffect(() => {
    // 告知装修工具挂载ID已经存在了-然后开始初始化editor壳子 TODO:其实这儿的初始化顺序有点奇怪，待优化。
    Messager?.trigger('editToolMountIdReady', {iframeUrl: "//isvdev.jd.com/iframe#/pages/iframe/index"})

    Messager?.trigger('updateModuleList')
  }, [])

  return <div id={editorRootContainer} style={{ display: 'flex', justifyContent: 'space-between', minHeight: '100vh' }}></div>
}


export default Editor
